<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html>
<!--<![endif]-->

<head>
<meta charset="utf-8">
<title>系统界面</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- css styles -->
<link href="css/bootstrap.css" rel="stylesheet"><!--基本样式-->
<link href="css/style.css" rel="stylesheet"><!--样式-->
<link href="css/animate.min.css" rel="stylesheet">
<link href="css/animate.delay.css" rel="stylesheet"><!--图片动画-->
<link href="css/font-awesome.min.css" rel="stylesheet" ><!--字体图标-->
<!--[if IE 7]>
<link href="css/font-awesome-ie7.min.css" rel="stylesheet">
<![endif]-->

</head>

<body>
<!-------头部------->
<div id="header-container">
	<div id="header">
		<div class="logo">恒盛管理系统 v2.0</div>
		<div class="header-right">
			<div class="header-btn">
				<ul>
					<li><a href="#"><i class="icon-group"></i> 管理员 欢迎登录！</a></li>
					<li class="dropdown notification"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="#"> <i class="icon-envelope"></i> 消息 <span class="message">5</span></a>
						<ul class="dropdown-menu">
							<li><a href=""><span class="icon-envelope"></span> 新消息来至 <strong>Jack</strong>  <small class="muted"> - 19 小时前</small></a></li>
							<li><a href=""><span class="icon-envelope"></span> 新消息来至 <strong>管理员</strong> <small class="muted"> - 2 小时前</small></a></li>
							<li><a href=""><span class="icon-user"></span> <strong>光光</strong> 有新的回复 <small class="muted"> - 2 小时前</small></a></li>
							<li class="viewmore"><a href="">查看更多信息</a></li>
						</ul>
					</li>
					<li class="dropdown userinfo"><a class="dropdown-toggle" data-toggle="dropdown" data-target="#" href="/page.html"> <i class="icon-cog"></i> 管理</a>
						<ul class="dropdown-menu">
							<li><a href=""><span class="icon-user"></span> 个人资料</a></li>
							<li><a href=""><span class="icon-cog"></span> 系统设置</a></li>
							<li><a href=""><span class="icon-group"></span> 用户管理</a></li>
							<li class="divider"></li>
							<li><a href=""><span class="icon-signout"></span> 退出系统</a></li>
						</ul>
					</li>
					<li><a href="#"><i class="icon-signout"></i> 退出</a></li>
				</ul>
			</div>
			<div class="header-path"> 
				<div class="header-full"><a class="showmenu" href="#" title="全屏"> <i class="icon-fullscreen"></i> 全屏</a></div>
				<a href="#"> <i class="icon-home"></i> 首页 </a>
				<i class=" icon-angle-right"></i>  基本样式
			</div>
		</div>
	</div>
</div><!-------头部结束------->   
<!-------内容------->   
<div id="main-container">
<div class="contentinner content-dashboard">
	<!-------左侧导航------->   
	<div id="main-sidebar" class="sidebar">
			<ul id="mainSideMenu" class="nav-side">
                <li class="accordion-group">
                    <div class="accordion-heading active"> <a href="#accDash" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <i class="chevron icon-angle-right"></i> <span class="item-icon icon-desktop"></span>基本样式 </a> </div>
                    <ul class="accordion-content nav collapse in" id="accDash">
                        <li class="active"> <a href="demo.html"> <i class="icon-caret-right"></i> 样式 1 </a> </li>
                        <li> <a href="demo2.html"> <i class="icon-caret-right"></i> 样式 2 </a> </li>
						<li> <a href="demo3.html"> <i class="icon-caret-right"></i> 样式 3 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accForms" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <i class="chevron icon-angle-right"></i> <span class="item-icon icon-list-alt"></span>表单样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accForms">
                        <li> <a href="form.html"> <i class="icon-caret-right"></i> 表单元素 </a> </li>
                        <li> <a href="form2.html"> <i class="icon-caret-right"></i> 扩展样式</a> </li>
                        <li> <a href="form3.html"> <i class="icon-caret-right"></i> 引导样式</a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accComponents" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <i class="chevron icon-angle-right"></i> <span class="item-icon icon-cogs"></span>组件样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accComponents">
                        <li> <a href="media.html"> <i class="icon-caret-right"></i> 通知样式 </a> </li>
                        <li> <a href="media2.html"> <i class="icon-caret-right"></i> 按钮样式 </a> </li>
                        <li> <a href="media3.html"> <i class="icon-caret-right"></i> 结构样式 </a> </li>
                        <li> <a href="media4.html"> <i class="icon-caret-right"></i> 图片样式 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accTables" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <i class="chevron icon-angle-right"></i> <span class="item-icon icon-table"></span>表格样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accTables">
                        <li> <a href="table.html"> <i class="icon-caret-right"></i> 基础表格 </a> </li>
                        <li> <a href="table2.html"> <i class="icon-caret-right"></i> 数据表格 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accStatistics" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <i class="chevron icon-angle-right"></i> <span class="item-icon icon-signal"></span>统计样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accStatistics">
                        <li> <a href="chart.html"> <i class="icon-caret-right"></i> 图表样式 </a> </li>
                        <li> <a href="chart2.html"> <i class="icon-caret-right"></i> 趋势图 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accWidgets" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <i class="chevron icon-angle-right"></i> <span class="item-icon  icon-text-width"></span>文字样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accWidgets">
                        <li> <a href="text.html"> <i class="icon-caret-right"></i> 文字样式 </a> </li>
                        <li> <a href="text2.html"> <i class="icon-caret-right"></i> 列表样式 </a> </li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <div class="accordion-heading"> <a href="#accButtons" data-parent="#mainSideMenu" data-toggle="collapse" class="accordion-toggle"> <i class="chevron icon-angle-right"></i> <span class="item-icon icon-tasks"></span>元素样式 </a> </div>
                    <ul class="accordion-content nav collapse" id="accButtons">
                        <li> <a href="ui.html"> <i class="icon-caret-right"></i> 按钮样式 </a> </li>
                        <li> <a href="ui2.html"> <i class="icon-caret-right"></i> 字体图标 </a> </li>
                        <li> <a href="ui3.html"> <i class="icon-caret-right"></i> 切换标签 </a> </li>
                        <li> <a href="ui4.html"> <i class="icon-caret-right"></i> 弹出层 </a> </li>
                        <li> <a href="ui5.html"> <i class="icon-caret-right"></i> 进度条 </a> </li>
                    </ul>
                </li>
            </ul>
		</div><!-------左侧导航结束------->       
	<!-------右侧内容------->   
	<div class="main-content container-fluid">
			<div class="alert">
				<button type="button" class="close" data-dismiss="alert">×</button>
				<strong>Welcome!</strong> 这是一个提示框样式！用做信息提示.
			</div>
			<div class="row-fluid">
				<div class="span8">
					<ul class="widgeticons row-fluid">
						<li class="one_fifth"><a href=""><img src="images/flaticon/1.png" alt="" /><span>地图</span></a></li>
						<li class="one_fifth"><a href=""><img src="images/flaticon/2.png" alt="" /><span>媒体</span></a></li>
						<li class="one_fifth"><a href=""><img src="images/flaticon/3.png" alt="" /><span>统计</span></a></li>
						<li class="one_fifth"><a href=""><img src="images/flaticon/4.png" alt="" /><span>新闻</span></a></li>
						<li class="one_fifth last"><a href=""><img src="images/flaticon/5.png" alt="" /><span>邮件</span></a></li>
						<li class="one_fifth"><a href=""><img src="images/flaticon/6.png" alt="" /><span>活动</span></a></li>
						<li class="one_fifth"><a href=""><img src="images/flaticon/7.png" alt="" /><span>用户</span></a></li>
						<li class="one_fifth"><a href=""><img src="images/flaticon/8.png" alt="" /><span>设置</span></a></li>
						<li class="one_fifth"><a href=""><img src="images/flaticon/9.png" alt="" /><span>档案</span></a></li>
						<li class="one_fifth last"><a href=""><img src="images/flaticon/10.png" alt="" /><span>通知</span></a></li>
					</ul><!-------首页按钮结束-------> 
					
					<h4 class="widgettitle">表格汇总</h4>
                        <div class="widgetcontent">
                            <div id="tabs">
                                <ul>
                                    <li><a href="#tabs-1"><span class="icon-forward"></span> 标签一</a></li>
                                    <li><a href="#tabs-2"><span class="icon-eye-open"></span> 标签二</a></li>
                                    <li><a href="#tabs-3"><span class="icon-leaf"></span> 标签三</a></li>
                                </ul>
                                <div id="tabs-1">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>标题</th>
                                                <th>用户</th>
                                                <th>日期</th>
                                                <th class="center">操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                           <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div id="tabs-2">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>标题2</th>
                                                <th>用户2</th>
                                                <th>日期2</th>
                                                <th class="center">操作2</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                           <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info btn-rounded"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger btn-rounded"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div id="tabs-3">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th>标题3</th>
                                                <th>用户3</th>
                                                <th>日期3</th>
                                                <th class="center">操作3</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                           <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                            <tr>
                                                <td><a href="">微信扫描二维码，随时随地与小爱亲密接触精彩活动，劲爆优惠触手可得！</a></td>
                                                <td><a href="">admin</a></td>
                                                <td>2013-12-30</td>
                                                <td class="center"><a href="" class="btn btn-info"><span class="icon-edit"></span> 编辑</a> <a href="" class="btn btn-danger"><span class=" icon-remove"></span> 删除</a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div><!--tabs结束-->
                        </div><!--表格汇总结束-->
						
				</div>
				<div class="span4">
					<h4 class="widgettitle nomargin">系统公告</h4>
					<div class="widgetcontent bordered">
						<p>夜间自拍大PK，10台夜拍神器—美图手机1S送给你！按规则参加活动，说不定中奖的就是你啦！PS：转发此条微博也送一台喔！</p>
						<p>夜间自拍大PK，10台夜拍神器—美图手机1S送给你！按规则参加活动，说不定中奖的就是你啦！PS：转发此条微博也送一台喔！</p>
					</div><!--widgetcontent-->
					
					 <h4 class="widgettitle">最新新闻</h4>
                        <div class="widgetcontent">
                        	<div id="accordion" class="accordion">
								<h3><a href="#">中兴U791 (白色)3G手机(黑色)移动版TD-SCDMA/GSM 双卡双待</a></h3>
								<div>
									<p>夜间自拍大PK，10台夜拍神器—美图手机1S送给你！按规则参加活动，说不定中奖的就是你啦！PS：转发此条微博也送一台喔！</p>
									<p>夜间自拍大PK，10台夜拍神器—美图手机1S送给你！按规则参加活动，说不定中奖的就是你啦！PS：转发此条微博也送一台喔！</p>
									<p>夜间自拍大PK，10台夜拍神器—美图手机1S送给你！按规则参加活动，说不定中奖的就是你啦！PS：转发此条微博也送一台喔！</p>
									<p>夜间自拍大PK，10台夜拍神器—美图手机1S送给你！按规则参加活动，说不定中奖的就是你啦！PS：转发此条微博也送一台喔！</p>
								</div>
								<h3><a href="#">D推荐给失眠的朋友，睡不着时可以听下这些钢琴曲！</a></h3>
								<div>
									<p> 推荐给失眠的朋友，睡不着时可以听下这些钢琴曲！1.《卡农》2.《千寻之歌》3.《Hatsukoi》4.《With an orchid》5.《kiss the rain》6.《Viva La Vida》7.《The Dawn》8.《He s a Pirate》9.《River Flows in You》10.《The changing seasons》</p>
								</div>
								<h3><a href="#">想开网店吗？淘宝上购物这么多年.</a></h3>
								<div>
									<p>想开网店吗？淘宝上购物这么多年，一直都在花钱，有没有想过自己也开一个网店呢</p>
									<ul class="margin1020">
										<li>按规则参加活动，说不定中奖的就是你啦！</li>
										<li>按规则参加活动，说不定中奖的就是你啦！</li>
										<li>按规则参加活动，说不定中奖的就是你啦！</li>
									</ul>
								</div>
								<h3><a href="#">我要睡觉了，明天周一啊魂淡！晚安~</a></h3>
								<div>
									<p>夜间自拍大PK，10台夜拍神器—美图手机1S送给你！按规则参加活动，说不定中奖的就是你啦！PS：转发此条微博也送一台喔！</p>
									<p>夜间自拍大PK，10台夜拍神器—美图手机1S送给你！按规则参加活动，说不定中奖的就是你啦！PS：转发此条微博也送一台喔！</p>
							   </div>
                        	</div><!--accordion结束-->
                        </div><!--最新新闻结束-->
					
				</div>
			</div>
	</div><!-------右侧内容结束------->    
</div>      
</div><!-------内容结束-------> 
<!-------底部------->    
<div class="footer">
	<div class="footerleft">恒盛管理系统 v2.0</div>
	<div class="footerright">&copy; Ish365.com - <a href="#">关注微博</a> - <a href="#">关注微信</a></div>
</div><!--底部结束-->    
<script src="js/jquery-1.10.2.min.js"></script> 
<script src="js/prettify.js"></script> 
<script src="js/custom.js"></script> <!--渐显/图片动画/提示/j警示等数据存储-->
<script src="js/jquery-migrate-1.1.1.min.js"></script>
<script src="js/jquery-ui-1.9.2.min.js"></script>
<script src="js/bootstrap.js"></script> 
<script src="js/jquery.flot.min.js"></script>
<script src="js/jquery.flot.resize.min.js"></script>
<script src="js/colorpicker.js"></script><!--颜色选择-->
<script src="js/slider.js"></script><!--滑块-->
<script src="js/jquery.jgrowl.js"></script><!--提示层-->
<script src="js/jquery.alerts.js"></script><!--警示框-->
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.tagsinput.min.js"></script>
<script src="js/charCount.js"></script>
<script src="js/chosen.jquery.min.js"></script><!--select模拟-->
<script src="js/forms.js"></script><!--form数据-->
<script src="js/bootstrap-timepicker.min.js"></script>
<script src="js/jquery.validate.min.js"></script>
<script src="js/jquery.autogrow-textarea.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/jquery.colorbox-min.js"></script>
<script src="js/media.js"></script><!--图片-->
<script src="js/jquery.uniform.min.js"></script>
<script src="js/jquery.dataTables.min.js"></script><!--数据表格-->
<script type="text/javascript">
jQuery(document).ready(function(){
								
		// basic chart
		var flash = [[0, 2], [1, 6], [2,3], [3, 8], [4, 5], [5, 13], [6, 8]];
		var html5 = [[0, 5], [1, 4], [2,4], [3, 1], [4, 9], [5, 10], [6, 13]];
			
		function showTooltip(x, y, contents) {
			jQuery('<div id="tooltip" class="tooltipflot">' + contents + '</div>').css( {
				position: 'absolute',
				display: 'none',
				top: y + 5,
				left: x + 5
			}).appendTo("body").fadeIn(200);
		}
	
			
		var plot = jQuery.plot(jQuery("#chartplace2"),
			   [ { data: flash, label: "Flash(x)", color: "#fb6409"}, { data: html5, label: "HTML5(x)", color: "#096afb"} ], {
				   series: {
					   lines: { show: true, fill: true, fillColor: { colors: [ { opacity: 0.05 }, { opacity: 0.15 } ] } },
					   points: { show: true }
				   },
				   legend: { position: 'nw'},
				   grid: { hoverable: true, clickable: true, borderColor: '#ccc', borderWidth: 1, labelMargin: 10 },
				   yaxis: { min: 0, max: 15 }
				 });
		
		var previousPoint = null;
		jQuery("#chartplace2").bind("plothover", function (event, pos, item) {
			jQuery("#x").text(pos.x.toFixed(2));
			jQuery("#y").text(pos.y.toFixed(2));
			
			if(item) {
				if (previousPoint != item.dataIndex) {
					previousPoint = item.dataIndex;
						
					jQuery("#tooltip").remove();
					var x = item.datapoint[0].toFixed(2),
					y = item.datapoint[1].toFixed(2);
						
					showTooltip(item.pageX, item.pageY,
									item.series.label + " of " + x + " = " + y);
				}
			
			} else {
			   jQuery("#tooltip").remove();
			   previousPoint = null;            
			}
		
		});
		
		jQuery("#chartplace2").bind("plotclick", function (event, pos, item) {
			if (item) {
				jQuery("#clickdata").text("You clicked point " + item.dataIndex + " in " + item.series.label + ".");
				plot.highlight(item.series, item.datapoint);
			}
		});


		// bar graph
		var d2 = [];
		for (var i = 0; i <= 10; i += 1)
			d2.push([i, parseInt(Math.random() * 30)]);
			
		var stack = 0, bars = true, lines = false, steps = false;
		jQuery.plot(jQuery("#bargraph2"), [ d2 ], {
			series: {
				stack: stack,
				lines: { show: lines, fill: true, steps: steps },
				bars: { show: bars, barWidth: 0.6 }
			},
			grid: { hoverable: true, clickable: true, borderColor: '#bbb', borderWidth: 1, labelMargin: 10 },
			colors: ["#06c"]
		});
		
		// calendar
		jQuery('#calendar').datepicker();


});
</script>
</body>
</html>
